/* - - - - - - - - - - - - - - - - -*/
/*           Importations           */
/* - - - - - - - - - - - - - - - - -*/

@import "url";
@import "main";

/* - - - - - - - - - - - - - - - - -*/
/*            Variables             */
/* - - - - - - - - - - - - - - - - -*/

@height : 1512px;
@width : 1905px;

@height_header: 170px;
@height_footer: 404px;
@height_stick: 8px;
@width_content: 1004px;

@height_user_bar: 38px;
@height_nav_bar: 104px;
@height_logo_bar: 102px;
@width_logo_bar:632px;
@width_logo_bar_right:6px;

/* - - - - - - - - - - - - - - - - -*/
/*               Page               */
/* - - - - - - - - - - - - - - - - -*/
html {
background-color: black;
}
.barretop {
height:6px;
float:left;
position: relative;
width: 100%;
background-color:#151515;
}
#body
{
	width : @width;
	height : @height;
	background : url("@{url_picture}/Fond.jpg") no-repeat #151515;
	margin-top : -8px;
	margin-left : -8px;	
	position : absolute;
	float:left;	
}

#site {
    height: @height;
    width: 1008px;
    position: relative;
	margin-left:600px;
	margin-top:-8px;
	float:left;
    
}

#header
{
	width : @width;
	height : @height_header;
}

#content
{
	height : @height - @height_footer - @height_header - @height_stick;
	width : @width_content;
	position : relative;
	margin-left: 455px;
}

#footer
{
	width : @width;
	height : @height_footer;
	background : #151515;
}

#color_stick
{
	width : @width;
	height : @height_stick;
	background : url("@{url_footer}/Bande.png")
}

/* - - - - - - - - - - - - - - - - -*/
/*              Header              */
/* - - - - - - - - - - - - - - - - -*/

/* - - - - - - - - - - - - - - - - -*/
/*             User_Bar             */
/* - - - - - - - - - - - - - - - - -*/

#user_bar
{
	height : @height_user_bar;
	text-decoration : none;
	position : absolute;
	top : -10px;
	left : 910px;
}

#user_bar li
{
	height : @height_user_bar;
	text-decoration : none;
	background : url("@{url_user}/Corps.png") repeat-x;
	display : block;
	float : left;
	padding-left : 19px;
	color : #fff;
	font-size : 15px;
}

#user_bar .first
{
	width : 7px;
	padding : 0px;
	background : url("@{url_user}/CoinGauche.png")
}

#user_bar .last
{
	width : 7px;
	padding : 0px;
	background : url("@{url_user}/CoinDroit.png")
}

#user_bar li img
{
	margin-top : 7px;
	margin-right : 9px;
	margin-left : 20px;
	float : left;
}

#user_bar li .separation
{
	float : right;
	margin : 0px;
	top:-10px;
}

#user_bar li span
{
	float : left;
	margin-top : 8px;
}

/* - - - - - - - - - - - - - - - - -*/
/*              Nav_Bar             */
/* - - - - - - - - - - - - - - - - -*/

#nav_bar
{
	height : @height_nav_bar;
	text-decoration : none;
	position : absolute;
	top : 48px;
	left : 650px;
}

#nav_bar li
{
	height : @height_nav_bar;
	text-decoration : none;
	background : url("@{url_nav}/Corps.png") repeat-x;
	display : block;
	float : left;
	padding-left : 20px;
	padding-right : 20px;
	color : #000;
	font-size : 16px;
	font-family : "Myriad Pro Bold";
	text-align : center;
}

#nav_bar .first
{
	width : 7px;
	padding : 0px;
	background : url("@{url_nav}/CoinGauche.png");
}

#nav_bar .first + a li
{
	padding-left : 40px;
}

#nav_bar .last
{
	width : 7px;
	padding : 0px;
	background : url("@{url_nav}/CoinDroit.png");
}

#nav_bar li span, #nav_bar li img
{
	margin-top : 40px;
	display : inline-block;
}

#nav_bar li .fleche
{
	margin-top : 0px;
}

#nav_bar .separation
{
	float : left;
	margin : 0px;
	
}

/* - - - - - - - - - - - - - - - - -*/
/*               Logo               */
/* - - - - - - - - - - - - - - - - -*/

#logo_bar
{
	width : @width_logo_bar;
	height : @height_logo_bar;
	background : url("@{url_logo}/Bloc.png");
	position : absolute;
	top : 64px;
	left : 0px;
}

#logo_bar img
{
	position : relative;
	float : right;
	right : 35px;
	top : 24px;
}


/* - - - - - - - - - - - - - - - - -*/
/*              Footer              */
/* - - - - - - - - - - - - - - - - -*/

/* - - - - - - - - - - - - - - - - -*/
/*               Menu               */
/* - - - - - - - - - - - - - - - - -*/

#lien table
{
	margin-left : 455px;
	margin-top : 35px;
	border-bottom : 1px solid #202020;
}

#lien table tr
{
	height : 141px;
}

#lien table td
{
	width : 205px;
	vertical-align : text-top;
}

#lien table .separator
{
	width : 1px;
	background : #202020;
	padding : 0px;
}

#lien table td ul
{
	list-style : none;
	position : absolute;
	margin-left : -30px
}

#lien table td ul li
{
	text-decoration : none;
	color : #404040;
	font-size : 13px
}

#lien table td ul .title
{
	text-decoration : none;
	color : #aaa;
	font-size : 14px;
	text-transform : uppercase;
	.bold;
	margin-bottom : 5px;
}

#lien .space
{
	height : 25px;
}

#lien .old
{
	color: #252525;
}


/* - - - - - - - - - - - - - - - - -*/
/*            Copyright             */
/* - - - - - - - - - - - - - - - - -*/

#copyright, #copyright a
{
	color : #404040;
	font-size : 13px;
	width : 1010px;
	margin : auto;
	margin-top : 20px
}

#copyright span, #copyright img
{
	float : right;
	position : relative;
}

#copyright img
{
	right : 75px;
}

#copyright span
{
	left : 75px;
}